<script type="text/javascript">
	$(function() {
		var d_fromdate = '{fromDate}';
		var d_todate = '{toDate}';
		$("#fromDate").datepicker();
		$('#fromDate').datepicker('option', {dateFormat: 'yy/mm/dd'} );
		$('#fromDate').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional['ja']));
		if(d_fromdate != ''){
			$('#fromDate').datepicker('option', 'defaultDate', '{fromDate}');
		}		
		
		$("#toDate").datepicker();
		$('#toDate').datepicker('option', {dateFormat: 'yy/mm/dd'} );
		$('#toDate').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional['ja']));
		if(d_todate != ''){
			$('#toDate').datepicker('option', 'defaultDate', '{toDate}');
		}			
	});
</script>

<form action="" method="get">
<input type="hidden" name="sMod" value="message" />
<input type="hidden" name="sAction" value="{value}"/>
  <table cellspacing="0" cellpadding="0">
    
    <tr>
      <Td><div style="float:left"> {FORM.from}:
          <input type="text" class="tsTextBox" name="fromDate" id="fromDate" readonly="1" value="{fromDate}" />
        </div>
        <div style="float:left; margin-left:30px;"> {FORM.to}:
          <input type="text" class="tsTextBox" name="toDate" id="toDate" readonly="1" value="{toDate}" />
        </div>
        <div style="float:left; margin-left:15px;">
          <input type="submit" value="{FORM.find}" style="width:50px;" />
        </div></Td>
    </tr>
  </table>
</form>
<p>&nbsp;</p>